import React, { Component } from 'react';
import './loading.less'

class Loading extends Component{
    render() {
        return (
            <div className="loading">
                <svg  x="0px" y="0px" viewBox="0 0 158.1 24.1" >
                    <title>mark</title>
                    <g className="mark">
                        <g className="mark04">
                            <path className="st3" d="M149.3,17.1c-0.1,0-0.2,0-0.3-0.1l-9.6-9.2l-9.6,9.2c-0.1,0.1-0.4,0.1-0.5,0s-0.1-0.4,0-0.5l9.9-9.5
                                c0.2-0.1,0.3-0.1,0.5,0l9.8,9.5c0.1,0.1,0.2,0.4,0,0.5C149.5,17.1,149.4,17.1,149.3,17.1z"></path>
                            <path className="st3" d="M157.7,17.1c-0.1,0-0.2,0-0.3-0.1l-7.7-7.3l-1.6,1.6c-0.2,0.1-0.3,0.1-0.5,0c-0.1-0.2-0.1-0.3,0-0.5l1.9-1.8
                                c0.2-0.1,0.3-0.1,0.5,0l8,7.6c0.1,0.1,0.2,0.4,0,0.5H157.7z"></path>
                        </g>
                        <g className="mark03">
                            <path className="st3" d="M104.2,7.3L104.2,7.3l-13.5-4c-0.2-0.1-0.3-0.3-0.2-0.5c0.1-0.2,0.3-0.3,0.5-0.2l0,0l13.4,4
                                c0.2,0.1,0.3,0.3,0.2,0.5c0,0,0,0,0,0C104.5,7.2,104.4,7.3,104.2,7.3z"></path>
                            <path className="st3" d="M108.1,15.3L108.1,15.3l-13.5-4c-0.2-0.1-0.3-0.3-0.2-0.5c0.1-0.2,0.3-0.3,0.5-0.2l0,0l13.4,4
                                c0.2,0.1,0.3,0.3,0.2,0.5c0,0,0,0,0,0C108.4,15.2,108.3,15.3,108.1,15.3z"></path>
                            <path className="st3" d="M104.2,21.6L104.2,21.6l-13.5-4c-0.2-0.1-0.3-0.3-0.2-0.5c0.1-0.2,0.3-0.3,0.5-0.2l0,0l13.4,4
                                c0.2,0.1,0.3,0.3,0.2,0.5c0,0,0,0,0,0C104.5,21.5,104.4,21.6,104.2,21.6z"></path>
                        </g>
                        <g className="mark02">
                            <path className="st3" d="M50.4,20.6c-1.6,0-2.9-1.3-2.9-2.9l0,0c0-1.5,2.3-4.8,2.6-5.1c0.1-0.1,0.2-0.2,0.3-0.2l0,0
                                c0.1,0,0.2,0.1,0.3,0.2c0.3,0.4,2.6,3.7,2.6,5.1C53.3,19.3,52,20.6,50.4,20.6z M50.4,13.4c-0.8,1.2-2.2,3.4-2.2,4.3
                                c0,1.2,1,2.2,2.2,2.2s2.2-1,2.2-2.2C52.6,16.7,51.2,14.5,50.4,13.4z"></path>
                            <path className="st3" d="M57.8,10.1c-1.6,0-2.9-1.3-2.9-2.9c0,0,0,0,0,0c0-1.5,2.3-4.8,2.6-5.1c0.1-0.1,0.2-0.2,0.3-0.2l0,0
                                c0.1,0,0.2,0.1,0.3,0.2c0.3,0.4,2.6,3.7,2.6,5.1C60.7,8.8,59.4,10.1,57.8,10.1z M57.8,2.9c-0.8,1.2-2.2,3.4-2.2,4.3
                                c0,1.2,1,2.2,2.2,2.2s2.2-1,2.2-2.2C60,6.3,58.6,4.1,57.8,2.9z"></path>
                            <path className="st3" d="M63.5,22.2c-1.6,0-2.9-1.3-2.9-2.9l0,0c0-1.5,2.3-4.8,2.6-5.1c0.1-0.2,0.4-0.2,0.5-0.1c0,0,0,0,0.1,0.1
                                c0.3,0.4,2.6,3.7,2.6,5.1C66.3,20.9,65.1,22.1,63.5,22.2z M63.5,15c-0.8,1.2-2.2,3.4-2.2,4.3c0,1.2,1,2.2,2.2,2.2
                                c1.2,0,2.2-1,2.2-2.2c0,0,0,0,0,0C65.2,17.8,64.4,16.3,63.5,15z"></path>
                        </g>
                        <g className="mark01">
                            <path className="st3" d="M12,3.3L12,3.3c-0.2,0-0.4-0.2-0.4-0.4V0.4C11.6,0.2,11.8,0,12,0l0,0c0.2,0,0.4,0.2,0.4,0.4v2.5
                                C12.4,3.1,12.3,3.3,12,3.3C12,3.3,12,3.3,12,3.3z"></path>
                            <path className="st3" d="M5.6,6C5.5,6,5.4,6,5.3,5.9L3.5,4.1c-0.1-0.2-0.1-0.3,0-0.5c0.2-0.1,0.3-0.1,0.5,0l1.8,1.8
                                c0.1,0.2,0.1,0.3,0,0.5C5.7,6,5.7,6,5.6,6z"></path>
                            <path className="st3" d="M2.9,12.4H0.4C0.2,12.4,0,12.2,0,12c0-0.2,0.2-0.4,0.4-0.4h2.5c0.2,0,0.4,0.2,0.4,0.4
                                C3.3,12.2,3.1,12.4,2.9,12.4z"></path>
                            <path className="st3" d="M3.8,20.7c-0.1,0-0.2,0-0.3-0.1c-0.1-0.2-0.1-0.3,0-0.5l1.8-1.8c0.2-0.1,0.3-0.1,0.5,0c0.1,0.2,0.1,0.3,0,0.5
                                L4,20.6C3.9,20.7,3.9,20.7,3.8,20.7z"></path>
                            <path className="st3" d="M12,24.1c-0.2,0-0.4-0.2-0.4-0.4v-2.5c0-0.2,0.2-0.4,0.4-0.4c0.2,0,0.4,0.2,0.4,0.4v2.5
                                C12.4,23.9,12.2,24.1,12,24.1z"></path>
                            <path className="st3" d="M20.3,20.7c-0.1,0-0.2,0-0.3-0.1l-1.8-1.8c-0.1-0.1-0.1-0.4,0-0.5s0.4-0.1,0.5,0l1.8,1.8
                                c0.1,0.2,0.1,0.3,0,0.5C20.4,20.7,20.4,20.7,20.3,20.7z"></path>
                            <path className="st3" d="M23.7,12.4h-2.5c-0.2,0-0.4-0.2-0.4-0.4c0-0.2,0.2-0.4,0.4-0.4h2.5c0.2,0,0.4,0.2,0.4,0.4
                                C24.1,12.2,24,12.4,23.7,12.4C23.7,12.4,23.7,12.4,23.7,12.4z"></path>
                            <path className="st3" d="M18.5,6c-0.1,0-0.2,0-0.3-0.1c-0.1-0.2-0.1-0.3,0-0.5L20,3.6c0.2-0.1,0.3-0.1,0.5,0c0.1,0.2,0.1,0.3,0,0.5
                                l-1.8,1.8C18.6,6,18.6,6,18.5,6z"></path>
                            <path className="st3" d="M12,16.8c-2.6,0-4.7-2.1-4.7-4.7S9.4,7.4,12,7.4s4.7,2.1,4.7,4.7c0.1,2.5-1.9,4.6-4.4,4.7
                                C12.2,16.8,12.1,16.8,12,16.8z M12,8.1c-2.2,0-4,1.8-4,4s1.8,4,4,4s4-1.8,4-4c0.1-2.1-1.6-3.9-3.8-4C12.1,8.1,12.1,8.1,12,8.1z"></path>
                        </g>
                    </g>
                </svg>
            </div>
        )
    }
}

export default Loading